@import './mixin.styl'
$white = #fff
$black = #000

.theme-pc
  .loading-wrap
    pos-center()
  .ovv-wrap
    .text
      left: 30px
      font-size: 14px
.theme-app
  .ovv-wrap
    .text
      left: 6px
      font-size: 12px
.overview
  background-color: $white

  // .loading-wrap
  //   img
  //     max-width: 100%
  //     max-height: 100%

  .start-pic
    position: absolute
    width: 100%
    height: 100%
    overflow: hidden
    background: rgba($white, .2)
    z-index: 100
    .img-box
      position: absolute
      left: 50%
      top: 50%
      transform: translate(-50%, -50%)
      max-width: 300px
      max-height: 300px
      img
        width: 100%
        height: 100%
  .audio-icon
    position: absolute
    right: 12px
    top: 12px
    width: 30px
    height: 30px
    border-radius: 4px
    background-color: rgba(#2eaeea, .5)
    text-align: center
    z-index: 101
    i
      font-size: 22px
      color: $white

  .ovv-wrap
    height: 100%
    .ovv-img
      position: absolute
    .ovv-item
      font-weight: bold
      color: #fff
      cursor: pointer
      
      .text
        position: absolute
        top: 50%
        padding: 0 4px
        background-color: rgba(76, 71, 71, .4)
        transform: translateY(-50%)
